<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<html>
<head>
    <title>用户注册</title>

    <script>
        $(document).ready(function () {
            //聚焦第一个输入框
            $("#loginName").focus();
            //为inputForm注册validate函数
            $("#inputForm").validate({
                rules: {
                    loginName: {
                        remote: "${ctx}/register/checkLoginName"
                    }
                },
                messages: {
                    loginName: {
                        remote: "用户登录名已存在"
                    }
                }
            });
        });
    </script>
</head>

<body>
<div class="form-group std-login-auto std-login-large">
    <form id="inputForm" action="${ctx}/register" method="post" class="form-horizontal">
        <fieldset>
            <h4 class="entry-title">用户注册</h4>
            <div class="control-group">
                <label for="loginName" class="control-label">登录名:</label>
                <div class="controls">
                    <input type="text" id="loginName" name="loginName" class="input-large form-control required"
                           minlength="3"/>
                </div>
            </div>
            <div class="control-group">
                <label for="name" class="control-label">用户名:</label>
                <div class="controls">
                    <input type="text" id="name" name="name" class="input-large form-control required"/>
                </div>
            </div>
            <div class="control-group">
                <label for="plainPassword" class="control-label">密码:</label>
                <div class="controls">
                    <input type="password" id="plainPassword" name="plainPassword"
                           class="form-control input-large required"/>
                </div>
            </div>
            <div class="control-group">
                <label for="confirmPassword" class="control-label">确认密码:</label>
                <div class="controls">
                    <input type="password" id="confirmPassword" name="confirmPassword"
                           class="input-large form-control required" equalTo="#plainPassword"/>
                </div>
            </div>
            <div class="form-actions std-register-action">
                <input id="submit_btn" type="submit" value="提交"/>&nbsp;
                <input id="cancel_btn" type="button" value="返回" onclick="history.back()"/>
            </div>
        </fieldset>
    </form>
</div>
</body>
</html>
